<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/ym.css">
</head>

<body>
    <div class="wrap">
        <div class="header">
            <div class="header_layout">
                <div class="logo"></div>
                <div class="nav">
                    <a navto="content_first" class="ance"><span>首页</span></a>
                    <a navto="content_second" class="ance"><span>优米生态</span></a>
                    <a navto="content_third" class="ance"><span>优米文化</span></a>
                    <a navto="content_fourth" class="ance"><span>人才招聘</span></a>
                    <a navto="content_end" class="ance"><span>关于我们</span></a>
                    <div class="span">语言切换
                        <svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em"
                            fill="currentColor" aria-hidden="true">
                            <path
                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z">
                            </path>
                        </svg>
                        <div class="erji">
                            <a href=""><b style="background: #f0f7ff;">简体中文</b></a>
                            <a href="./index.html"><b>English</b></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content_first" id="content_first">
                <div class="first_layout">
                    <img src="../images/one.img.png" alt="">
                    <div class="title">企业一站式 产品赋能</div>
                    <div class="span">品牌形象让商业更有创意</div>
                    <p>我们是一家专业提供IT产品、服务及解决方案的高科技公司，自成立以来，致力于行业软件、嵌入式软件、产品赋能等企业提供信息化所需的软件产品、解决方案、咨询服务和系统集成的专业化软件公司。核心团队由有着多年各领域从业经验的专业人士构成，是行业各个领域的主要合作伙伴。公司集中互联网领域的专业人才、技术和产品及服务等资源，形成了具有鲜明特色的核心竞争力，具有较强服务能力和方案解决能力。公司的宗旨是让企业研发更高效、更便捷、更可靠。让产品更人性化、智能化、专业化。
                    </p>
                </div>
            </div>
            <div class="content_second" id="content_second">

                <div class="second_left">
                    <img src="../images/inline.bbg.png" alt="">
                    <h1>消息必达 多样集成</h1>
                    <h1>全程加密 互联互通</h1>
                    <p>高性能，高稳定成熟的可定制即时通讯系统（集成多人视频会议功能），在行业网站应用领域处于领先地位，广泛部署在门户网站/移动网站/APP应用，为用户提供优质的个性化的定制服务。</p>
                </div>
                <div class="second_right"></div>
            </div>
            <div class="content_third" id="content_third">
                <div class="title">
                    悠米文化
                </div>
                <div class="text_img">
                    <img src="../images/little.png" alt="">
                    <div class="text">因为有我 所以更好</div>
                </div>
                <div class="text_img">
                    <img src="../images/little.png" alt="">
                    <div class="text">因为有我 所以更好</div>
                </div>
                <div class="text_img">
                    <img src="../images/little.png" alt="">
                    <div class="text">因为有我 所以更好</div>
                </div>
            </div>
            <div class="content_fourth" id="content_fourth">
                <div class="fourth_layout">
                    <div class="title">优秀与挑战 我们在等你</div>
                    <div class="fourth_content">
                        <div class="fourth_left">
                            <div class="search">
                                <div class="search_box"></div>
                                <input type="text" placeholder="搜索职位">
                                <button>搜索</button>
                            </div>
                            <div class="left_top">
                                筛选
                                <span>清除</span>
                            </div>
                            <div class="left_content">
                                <h3>职位类型</h3>
                                <ul>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">
                                            <li>前端工程师</li>
                                            <input type="checkbox">
                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                            <input type="checkbox">
                                            <li>前端工程师</li>
                                            <input type="checkbox">
                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                    <input type="checkbox">
                                    <li class="big">
                                        <p>前端技术</p>
                                        <ul class="small">
                                            <input type="checkbox">
                                            <li>前端专家/架构师</li>
                                            <input type="checkbox">

                                            <li>前端工程师</li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="fourth-right">
                            <div class="text_img">
                                <div class="right-top">
                                    <div class="top_text">后端（架构师/专家）</div>
                                </div>
                                <div class="right_center">
                                    <span>后端</span>
                                    <span>架构师</span>
                                    <span>专家</span>
                                    <span>golang</span>
                                    <span>java</span>
                                    <span>php</span>
                                    <span>转golang</span>

                                </div>
                                <div class="right_end">
                                    <p>1 . 有一二线互联网背景，参与过高并发，高可用的架构设计，经历过大数据的洗礼；</p>
                                    <p>2 . 具有良好的协作沟通能力，高度的责任心与职业道德；</p>
                                </div>
                            </div>
                            <div class="text_img">
                                <div class="right-top">
                                    <div class="top_text">后端（架构师/专家）</div>
                                </div>
                                <div class="right_center">
                                    <span>后端</span>
                                    <span>架构师</span>
                                    <span>专家</span>
                                    <span>golang</span>
                                    <span>java</span>
                                    <span>php</span>
                                    <span>转golang</span>

                                </div>
                                <div class="right_end">
                                    <p>1 . 有一二线互联网背景，参与过高并发，高可用的架构设计，经历过大数据的洗礼；</p>
                                    <p>2 . 具有良好的协作沟通能力，高度的责任心与职业道德；</p>
                                </div>
                            </div>
                            <div class="text_img">
                                <div class="right-top">
                                    <div class="top_text">后端（架构师/专家）</div>
                                </div>
                                <div class="right_center">
                                    <span>后端</span>
                                    <span>架构师</span>
                                    <span>专家</span>
                                    <span>golang</span>
                                    <span>java</span>
                                    <span>php</span>
                                    <span>转golang</span>

                                </div>
                                <div class="right_end">
                                    <p>1 . 有一二线互联网背景，参与过高并发，高可用的架构设计，经历过大数据的洗礼；</p>
                                    <p>2 . 具有良好的协作沟通能力，高度的责任心与职业道德；</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content_end" id="content_end">
                <div class="end_layout">
                    <div class="title">关于我们</div>
                    <span>优米 一家专业的IT高科技产品及解决方案的科技型公司</span>
                    <div class="text">
                        <p>我们致力于为客户提供优秀的产品、集成服务，帮助客户达成目标，降低管理成本，让企业快速增收、发挥商业价值。同时我们也是一家优秀的服务功能，我们竭尽全力为客户提供优质的服务品质，及时为企业排忧解难。
                        </p>
                        <p>&nbsp;</p>
                        <p>我们使用了国内外最好的网络和云服务器，确保客户的产品能够快速完美的呈现在访客面前。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer_layout">

                Copyright &copy; 2014 悠米科技有限公司. All Right reserved
            </div>
        </div>
    </div>
    <script src="../js/ym.js"></script>
    <script src="../js/jquery.js"></script>
    
    <script>
        // var index=""
        // $(".header .nav span").on("click",function(){
        //    index=$(this).index()

        console.log($('.header .nav span'))
        // })
        $('.ance').click(function () {
            var navto = $(this).attr('navto');
            console.log(navto)
            if (navto != "#") {
                var $div = $('#' + navto);
                var top = $div.offset().top || 0;
                $('html,body').animate({
                    'scroll-top': top
                }, 500);
            } else {
                $('html,body').animate({
                    'scroll-top': 0
                }, 500);
            }
            $.each($(".ance"), function (i, n) {
                $(".ance")[i].classList.remove("active")
            })
            $(".ance")[$(this).index()].classList.add("active")
        });

    </script>





</body>

</html>